<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta
            name="description"
            content="Marlin Wallet - A super simple eCash wallet, focusing on user experience and security. Scan payments QR codes directly from your phone camera app or via NFC."
        />
        <meta
            property="og:title"
            content="Marlin Wallet - Minimalistic eCash Wallet"
        />
        <meta
            property="og:description"
            content="A super simple eCash wallet, focusing on user experience and security."
        />
        <meta property="og:type" content="website" />
        <meta
            property="og:image"
            content="https://marlinwallet.com/assets/featured.png"
        />
        <meta name="twitter:card" content="summary_large_image" />
        <title>Marlin Wallet - Simple eCash Wallet</title>
        <link rel="stylesheet" href="styles.css" />
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
            href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
            rel="stylesheet"
        />
        <link
            rel="icon"
            type="image/png"
            href="/favicon/favicon-96x96.png"
            sizes="96x96"
        />
        <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
        <link rel="shortcut icon" href="/favicon/favicon.ico" />
        <link
            rel="apple-touch-icon"
            sizes="180x180"
            href="/favicon/apple-touch-icon.png"
        />
        <meta name="apple-mobile-web-app-title" content="Marlin Wallet" />
        <link rel="manifest" href="/favicon/site.webmanifest" />
    </head>
    <body>
        <div class="container">
            <header class="hero">
                <div class="hero-content">
                    <img
                        src="assets/marlin.svg"
                        alt="Marlin Wallet"
                        class="logo"
                    />
                    <h1 class="hero-title">Marlin Wallet</h1>
                    <p class="hero-subtitle">
                        A super simple eCash wallet, focusing on user experience
                        and security
                    </p>
                    <div class="download-section">
                        <a
                            href="https://play.google.com/store/apps/details?id=com.marlinwallet.app"
                            class="download-btn"
                            target="_blank"
                            rel="noopener noreferrer"
                            aria-label="Download Marlin Wallet from Google Play Store"
                        >
                            <img
                                src="assets/playstore_logo.svg"
                                alt="Google Play"
                                width="24"
                                height="24"
                            />
                            Get it on Google Play
                        </a>
                        <img
                            src="assets/arrow_right.svg"
                            alt=""
                            class="arrow-icon"
                        />
                        <img
                            src="assets/playstore_qr.png"
                            alt="Scan to download Marlin Wallet"
                            class="qr-code"
                        />
                    </div>
                </div>
            </header>

            <section class="features">
                <h2 class="section-title">Features</h2>
                <div class="features-grid">
                    <div class="feature-card">
                        <div class="feature-icon">
                            <img src="assets/rocket.svg" alt="Rocket icon" />
                        </div>
                        <h3 class="feature-title">Fast & Minimalistic</h3>
                        <p class="feature-description">
                            Lightning-fast transactions with a clean,
                            minimalistic design. Focus on what matters most -
                            your payments, without the clutter.
                        </p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <img src="assets/lock.svg" alt="Lock icon" />
                        </div>
                        <h3 class="feature-title">Secure</h3>
                        <p class="feature-description">
                            Your private keys are hardware encrypted on the
                            device. No data collection or third-party sharing.
                            Your financial information stays private.
                        </p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <img
                                src="assets/history.svg"
                                alt="Transaction history icon"
                            />
                        </div>
                        <h3 class="feature-title">Transaction History</h3>
                        <p class="feature-description">
                            Access your full wallet history in a breeze. View
                            all your past transactions with detailed information
                            at your fingertips.
                        </p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <img src="assets/qrcode.svg" alt="QR code icon" />
                        </div>
                        <h3 class="feature-title">QR Code Scanning</h3>
                        <p class="feature-description">
                            Scan payment QR codes directly from your phone
                            camera app. Quick and convenient payments at your
                            fingertips.
                        </p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <img
                                src="assets/contactless.svg"
                                alt="Contactless payment icon"
                            />
                        </div>
                        <h3 class="feature-title">NFC Payments</h3>
                        <p class="feature-description">
                            Send and receive XEC instantly using Near Field
                            Communication technology. Tap and pay with ease.
                        </p>
                    </div>

                    <div class="feature-card">
                        <div class="feature-icon">
                            <img src="assets/watch.svg" alt="Watch icon" />
                        </div>
                        <h3 class="feature-title">Watch Companion</h3>
                        <p class="feature-description">
                            Use your watch companion app to quickly request XEC
                            payments on the go. Perfect for seamless
                            transactions.
                        </p>
                    </div>
                </div>
            </section>

            <footer class="footer">
                <div class="footer-content">
                    <p class="footer-text">
                        Marlin Wallet by the eCash Developers
                    </p>
                    <div class="footer-links">
                        <a
                            href="https://reviews.bitcoinabc.org"
                            class="footer-link"
                            target="_blank"
                            rel="noopener noreferrer"
                            >Source code</a
                        >
                        <span class="footer-separator">•</span>
                        <a
                            href="https://e.cash"
                            class="footer-link"
                            target="_blank"
                            rel="noopener noreferrer"
                            >eCash website</a
                        >
                    </div>
                </div>
            </footer>
        </div>
    </body>
</html>
